<template>
  <div class="chart">
    <div id="aim"></div>
  </div>
</template>

<script lang='ts' setup name='Chart'>
import useChart from '@/hooks/home/useChart';
import { onMounted } from 'vue';
const {defaultChart} = useChart()
onMounted(()=>{defaultChart()})
</script>

<style scoped>
.chart {
  width: 500px;
  height: 500px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #E4E7ED;
  transition-duration: 0.5s;
}
.chart:hover{
  animation-duration: 1s;
  box-shadow:0px 0px 15px -10px ;
}
#aim {
  width: 480px;
  height: 480px;
}
</style>